<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML输入类型</title>
</head>
<body>
<form action="/Day02/HTML表单/2.html" method="post" novalidate>
  <!--<input type="text"> 定义供文本输入的单行输入字段-->
  name:
  <input type="text" name="name"><br/>
  <!--<input type="password"> 定义密码字段-->
  password
  <input type="text" name="password"><br/>

  <!--<input type="radio"> 定义单选按钮-->
  <input type="radio" name="sex" value="male" checked>Male
  <br/>
  <input type="radio" name="sex" value="female">Female
  <br/>

  <!--<input type="checkbox"> 定义复选按钮-->
  <input type="checkbox" name="vehicle" value="breaking">breaking<br>
  <input type="checkbox" name="vehicle" value="locking">locking<br>

  <!--<input type="date"> 用于应该包含日期的输入字段-->
  日期：<input type="date" name="birthday" min="2000-01-01" max="2060-01-01"><br/>

  <!--<input type="number"> 用于应该包含数字值的输入字段 可自定义数值范围-->
  数值：<input type="number" name="quantity" min="0" max="5"><br/>

  <!--<input type="color"> 用于应该包含颜色的输入字段-->
  颜色：<input type="color" name="favcolor" value="#ff0000"><br/>

  <!--<input type="range"> 用于应该包含一定范围内的值的输入字段-->
  范围：<input type="range" min="1"><br/>

  <!--<input type="month"> 允许用户选择月份和年份-->
  年和月：<input type="month" name="ym" ><br/>

  <!--<input type="week"> 允许用户选择周和年-->
  第几年第几周：<input type="week" name="week"><br/>

  <!--<input type="time"> 允许用户选择时间（无时区）-->
  无时区时间：<input type="time" name="time"><br/>

  <!--<input type="datetime"> 允许用户选择日期和时间（有时区）-->
  有时区时间：<input type="datetime" name="datetime"><br/>

  <!--<input type="datetime-local"> 允许用户选择日期和时间（无时区）-->
  无时区日期时间：<input type="datetime-local" name="dl"><br/>

  <!--<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）-->
  搜索谷歌：<input type="search" name="ss"><br/>

  <!--<input type="tel"> 用于应该包含电话号码的输入字段-->
  电话号：<input type="tel" name="telephone"><br/>

  <!--<input type="url"> 用于应该包含 URL 地址的输入字段-->
  网址：<input type="url" name="url"><br/>

  <input type="submit" name="submit">
</form>
</body>
</html>